import { Typography, Image } from 'antd'

import '../../styles/common.css'
import '../../styles/head-nav/card.css'

const { Title, Text } = Typography

const Card = () => {
  const title = 'h2. Ant Design'
  const text = 'Ant Design (default)'

  return (
    <>
      <div className="common-vertical card-style">
        <Image
          width={150}
          src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
        ></Image>
        <Title level={4}>{title}</Title>
        <Text>{text}</Text>
      </div>
    </>
  )
}
export default Card
